<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 移动端配适属性 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="dist/swipeslider.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- <script src="js/zepto.min.js"></script> -->

    <script src="js/jquery.min.js"></script>
    <script src="dist/swipeslider.min.js"></script>
    <script src="js/index.js"></script>
    

</head>
<body>
    <div class="index_3Q-box">
    <!-- 轮播图 -->
    <figure id="full_feature" class="swipslider">
        <ul class="sw-slides">
            <li class="sw-slide"><img src="images/index/banner.png"></li>
            <li class="sw-slide"><img src="images/index/banner.png"></li>
            <li class="sw-slide"><img src="images/index/banner.png"></li>
            <li class="sw-slide"><img src="images/index/banner.png"></li>
        </ul>
    </figure>
    
    <!-- 门店模块 -->
    <div class="store">
        <div class="store_left">
            <div class="store_name">
                <text>武汉商务区·匠心汇店</text>
                <div class="store_label">距您最近</div>
            </div>
            <div class="store_distance">距您1.1公里</div>
            <div class="store_discount">
                <div class="discount_label">惠</div>
                <text class="discount_text">限时优惠 买5赠1 买10赠3 全市通用</text>
            </div>
        </div>
        <div class="store_right">
            <div class="take_num">
                <img src="images/index/remind-2@2x.png" />
                <text>一键取号</text>
            </div>
            <div class="line_up">当前1人正在剪发</div>
        </div>
    </div>

    <!-- 门店模块 -->
    <div class="store">
        <div class="store_left">
            <div class="store_name">
                <text>武汉商务区·匠心汇店</text>
                <div class="store_label">距您最近</div>
            </div>
            <div class="store_distance">距您1.1公里</div>
            <div class="store_discount">
                <div class="discount_label">惠</div>
                <text class="discount_text">限时优惠 买5赠1 买10赠3 全市通用</text>
            </div>
        </div>
        <div class="store_right">
            <div class="take_num">
                <img src="images/index/remind-2@2x.png" />
                <text>一键取号</text>
            </div>
            <div class="line_up">当前1人正在剪发</div>
        </div>
    </div>

    <!-- 门店模块 -->
    <div class="store">
        <div class="store_left">
            <div class="store_name">
                <text>武汉商务区·匠心汇店</text>
                <div class="store_label">距您最近</div>
            </div>
            <div class="store_distance">距您1.1公里</div>
            <div class="store_discount">
                <div class="discount_label">惠</div>
                <text class="discount_text">限时优惠 买5赠1 买10赠3 全市通用</text>
            </div>
        </div>
        <div class="store_right">
            <div class="take_num">
                <img src="images/index/remind-2@2x.png" />
                <text>一键取号</text>
            </div>
            <div class="line_up">当前1人正在剪发</div>
        </div>
    </div>

    <!-- 展开更多门店 -->
    <div class="unfold">
        展开更多门店 >
    </div>

    <!-- 底部tab栏 -->
    <div class="footer_tab">
        <div class="f_nav">
            <div class="tab_active"></div>
            <img src="images/index/index.png" alt="">
            <text>首页</text>
        </div>
        <div class="f_nav">
            <div></div>
            <img src="images/index/dingdan.png" alt="">
            <text>订单</text>
        </div>
        <div class="f_nav">
            <div></div>
            <img src="images/index/wode.png" alt="">
            <text>我的</text>
        </div>
    </div>

    <!-- 调用轮播图插件 -->
    <script>
        $(window).load(function() {
             $('#full_feature').swipeslider()
        })
    </script>

</body>
</html>